<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    body{
        font-family: Arial,sans-serif;
        padding: 0;
        margin: 0;
    }
    .list{
        display: flex;
        flex-wrap: wrap;
    }
    .list .item{
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
    }
</style>
<body>
    <div class="list"></div>
</body>
<script src="ocrConfig.js"></script>
<script>
    const listEle=document.querySelector('.list');
    ocrConfig.textArr.forEach((word)=>{
        const ele=document.createElement("DIV")
        ele.classList.add('item')
        ele.innerText=word
        listEle.appendChild(ele)
    })

</script>
</html>